.popup-bg {
	position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50;
	width: 100%; height: 100%;
	background: #000; opacity: .5; }

.popup-body {
	position: fixed; top: 50px; left: 50%; z-index: 60;
	width: 440px; margin-left: -220px; padding: 0px 10px;
	background: #999; }

.popup-body .bg1- {
  font-size: 1px;
  position: absolute; top: -10px; left: 0px;
  width: 100%; height: 10px;
  background: url({{!static type="images" "popup/popup-bg-tl.png"}}) 0 0 no-repeat;
  _background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{{!static type="images" "popup/popup-bg-tl.png"}}', sizingMethod='crop'); }

.popup-body .bg2- {
  font-size: 1px;
  width: 10px; height: 10px;
  position: absolute; left: 450px; top: 0px;
  background: url({{!static type="images" "popup/popup-bg-tr.png"}}) 0 0 no-repeat;
  _background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{{!static type="images" "popup/popup-bg-tr.png"}}', sizingMethod='crop'); }
  
.popup-body .bg3- {
  font-size: 1px;
  margin: 0px 10px;
  height: 10px; background: #999; }
    
.popup-body .bg4- {
  font-size: 1px;
  position: absolute; bottom: -10px; left: 0px;
  width: 100%; height: 10px;
  background: url({{!static type="images" "popup/popup-bg-bl.png"}}) 0 0 no-repeat;
  _background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{{!static type="images" "popup/popup-bg-bl.png"}}', sizingMethod='crop'); }

.popup-body .bg5- {
  font-size: 1px;
  width: 10px; height: 10px;
  position: absolute; left: 450px; top: 0px;
  background: url({{!static type="images" "popup/popup-bg-br.png"}}) 0 0 no-repeat;
  _background: expression('none'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='{{!static type="images" "popup/popup-bg-br.png"}}', sizingMethod='crop'); }
  
.popup-body .bg6- {
  font-size: 1px;
  margin: 0px 10px;
  height: 10px; background: #999; }


.popup-body .title- {
	margin-bottom: 10px;
	font-weight: normal; font-size: 1.8em; color: #fff; }

.popup-body .tabs- {
	height: 30px; position: relative; }

.popup-body .tabs- li {
	float: left;
	padding: 0 10px;
	font-size: 1.6em; line-height: 30px; }

.popup-body .tabs- li a {
	border-bottom: 1px dashed;
	text-decoration: none; color: #fff; }

.popup-body .tabs- .current- {
	position: relative;
	height: 40px; margin-bottom: -10px; padding: 0;
	background: #fff url({{!static type="images" "popup/popup-tab-bg-tl.png"}}) no-repeat 0 0; }

.popup-body .tabs- .current- a {
	border: none;
	font-weight: bold; text-decoration: none; color: #333; }


.popup-body .tabs- .current- span {
	display: block;
	padding: 0 10px;
	background: url({{!static type="images" "popup/popup-tab-bg-tr.png"}}) no-repeat 100% 0; }

.popup-body .fields- {
	/*float: right;*/
	width: 440px;
	background: #fff url({{!static type="images" "popup/popup-tab-bg-tl.png"}}) no-repeat 0 0; }

.popup-body .fields- .bgg1- {
	background: url({{!static type="images" "popup/popup-tab-bg-tr.png"}}) no-repeat 100% 0; }

.popup-body .fields- .bgg2-  {
	background: url({{!static type="images" "popup/popup-tab-bg-br.png"}}) no-repeat 100% 100%; }

.popup-body .fields- .bgg3-  {
	padding: 10px 10px 0;
	background: url({{!static type="images" "popup/popup-tab-bg-bl.png"}}) no-repeat 0 100%; }

.popup-body .buttons- {
	clear: both;
	height: 32px; padding-top: 10px; }

.popup-body .buttons- li {
	float: left;
	margin-right: 10px;
	font-weight: bold; font-size: 1.6em; line-height: 32px; }

.popup-body .buttons- li a {
	display: block;
	padding: 0 10px;
	text-decoration: none; }

.popup-body .buttons- .accept- {
	background: #3c3 url({{!static type="images" "popup/button-accept-bg-l.gif"}}) no-repeat 0 0; }

.popup-body .buttons- .accept- a {
	color: #fff;
	background: url({{!static type="images" "popup/button-accept-bg-r.gif"}}) no-repeat 100% 0; }

.popup-body .buttons- .neutral- {
	background: #fff url({{!static type="images" "popup/button-neutral-bg-l.gif"}}) no-repeat 0 0; }

.popup-body .buttons- .neutral- a {
	color: #666;
	background: url({{!static type="images" "popup/button-neutral-bg-r.gif"}}) no-repeat 100% 0; }


/** linkbar **/

.popup-body .linkbar- {}

.popup-body .linkbar- .bgg3- {
	height: 391px; padding: 10px; }

.popup-bar .contentbar- .bgg3- {
	height: 362px; }

.popup-body .linkbar- .menu- {
	overflow-y: scroll;
	height: 361px; }

.popup-body .linkbar- .menu- .item- {
	width: 370px; padding: 5px 5px 5px 20px; _padding-bottom: 8px; }

.popup-body .linkbar- .menu- .item- .subtitle- {
	overflow: hidden;
	height: 21px; margin-left: -15px;
	font-weight: normal; font-size: 1.8em; }

.popup-body .linkbar- .menu- .item- .desc- {
	display: block;
	padding-left: 5px;
	font-weight: normal; font-size: 1.3em; color: #999; }

.popup-body .linkbar- .menu- .item- .link- {}

.popup-body .linkbar- .menu- .action- {
	float: right;
	margin: 0 0 0 5px; }

.popup-body .linkbar- .menu- .active- {
	width: 395px; padding: 0;
	font-weight: bold;
	cursor: move; background: #eee url({{!static type="images" "popup/section-selected-bg-tl.gif"}}) no-repeat 0 0; }

.popup-body .linkbar- .menu- .active- .bggg1- {
	display: block;
	background: url({{!static type="images" "popup/section-selected-bg-tr.gif"}}) no-repeat 100% 0; }

.popup-body .linkbar- .menu- .active- .bggg2- {
	display: block;
	background: url({{!static type="images" "popup/section-selected-bg-bl.gif"}}) no-repeat 0 100%; }

.popup-body .linkbar- .menu- .active- .bggg3- {
	display: block;
	background: url({{!static type="images" "popup/section-selected-bg-br.gif"}}) no-repeat 100% 100%; }


.popup-body .linkbar- .menu- .active- .bggg4- {
	display: block;
	padding: 5px 5px 5px 20px;
	background: url({{!static type="images" "popup/ico-move.gif"}}) no-repeat 5px 28px; }

.popup-body .linkbar- .menu- .item- .link- {
	border-bottom: 1px dashed;
	text-decoration: none; }

.popup-body .linkbar- .add- {
	position: relative;
	width: 440px; height: 36px; margin: 5px -10px -10px;
	background: #eee url({{!static type="images" "popup/action-bg-bl.gif"}}) no-repeat 0 100%; }

.popup-body .linkbar- .add- .bggg1- {
	display: block;
	width: 440px; height: 36px;
	text-align: center;
	background: url({{!static type="images" "popup/action-bg-br.gif"}}) no-repeat 100% 100%; }

.popup-body .linkbar- .add- .img- {
	position: relative; top: 6px;
	border: 3px solid #eee;
	background: #eee; }

.popup-body .linkbar- .add- a {
	border-bottom: 1px dashed;
	font-weight: bold; font-size: 1.3em; text-decoration: none; color: #0c0; }


/* IE Fixes */

.popup-bg {
	_position: absolute;
	_height: expression(document.body.clientHeight);
	//filter: alpha(opacity=50); }

.popup-body {
	_width: 460px; _margin-left: -230px; _padding: 0px; }

.popup-body {
	_position: absolute; _top: expression( eval(document.documentElement.scrollTop) + "px" );
	_margin-top: 50px; }

.popup-body .title-,
.popup-body .fields-,
.popup-body .buttons- {
	_margin-left: 10px; }

.popup-body .linkbar- .menu- .item- {
	_padding-bottom: 8px; }

.popup-body .linkbar- .menu- .active- {
	_padding: 0; }